docs/source/Slider.html (Case Conflict 1)

   1 <html>\r
   2 <head>\r
   3   <title>The source code</title>\r
   4     <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
   5     <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
   6 </head>\r
   7 <body  onload="prettyPrint();">\r
   8     <pre class="prettyprint lang-js">Ext.onReady(function(){\r
   9 \r
  10     new Ext.Slider({\r
  11         renderTo: 'basic-slider',\r
  12         width: 214,\r
  13         minValue: 0,\r
  14         maxValue: 100\r
  15     });\r
  16 \r
  17     new Ext.Slider({\r
  18         renderTo: 'increment-slider',\r
  19         width: 214,\r
  20         value:50,\r
  21         increment: 10,\r
  22         minValue: 0,\r
  23         maxValue: 100\r
  24     });\r
  25 \r
  26     new Ext.Slider({\r
  27         renderTo: 'vertical-slider',\r
  28         height: 214,\r
  29         vertical: true,\r
  30         minValue: 0,\r
  31         maxValue: 100\r
  32     });\r
  33 \r
  34     new Ext.Slider({\r
  35         renderTo: 'tip-slider',\r
  36         width: 214,\r
  37         minValue: 0,\r
  38         maxValue: 100,\r
  39         plugins: new Ext.ux.SliderTip()\r
  40     });\r
  41 \r
  42     var tip = new Ext.ux.SliderTip({\r
  43         getText: function(slider){\r
  44             return String.format('<b>{0}% complete</b>', slider.getValue());\r
  45         }\r
  46     });\r
  47 \r
  48     new Ext.Slider({\r
  49         renderTo: 'custom-tip-slider',\r
  50         width: 214,\r
  51         increment: 10,\r
  52         minValue: 0,\r
  53         maxValue: 100,\r
  54         plugins: tip\r
  55     });\r
  56 \r
  57     new Ext.Slider({\r
  58         renderTo: 'custom-slider',\r
  59         width: 214,\r
  60         increment: 10,\r
  61         minValue: 0,\r
  62         maxValue: 100,\r
  63         plugins: new Ext.ux.SliderTip()\r
  64     });\r
  65 });\r
  66 </pre>    \r
  67 </body>\r
  68 </html>